﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Encuesta.aspx.cs" Inherits="KioskosJugandoLimpio.Encuestas.Encuesta" ValidateRequest="false" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script language="javascript" type="text/javascript" >

    function visiblePregunta(id, vsble) {
        if (!document.getElementById) return false;
        fila = document.getElementById(id);

        if (vsble == 1) {
            fila.setAttribute('value', '');
            fila.style.display = ""; //mostrar fila                       
        } else {
            fila.setAttribute('value', 'NO');
            fila.style.display = "none"; //ocultar fila 
        }
        
        //for (var obj in fila) {
            //document.getElementById(id).setAttribute("value", "");
            //obj.setAttribute("value", "");
        //}
    }

    fnValid = function () {
        var spans = document.getElementsByTagName("span");
        var preguntas = new Array();
        var formValid = "ALL VALID";
        for (var i = 0; i < spans.length; i++) {
            var validar = spans[i].getAttribute("validar")
            if (validar == "select" || validar == "radio" || validar == "checkbox" || validar == "text") {
                preguntas.push(spans[i]);
            }
        }
        for (var i = 0; i < preguntas.length; i++) {
            var validar = preguntas[i].getAttribute("validar")
            if (validar == "select") {
                var opciones = preguntas[i].getElementsByTagName("option");
                var valid = false;
                for (var j = 0; j < opciones.length; j++) {
                    if (opciones[j].selected == true) {
                        valid = true;
                    }
                }
                if (!valid) {
                    preguntas[i].setAttribute("class", "pregunta invalida");
                    formValid = "INVALID";

                }
                else {
                    preguntas[i].setAttribute("class", "pregunta");
                }
            }
            var validar = preguntas[i].getAttribute("validar")
            if (validar == "checkbox" || validar == "radio") {
                var opciones = preguntas[i].getElementsByTagName("input");
                var valid = false;
                for (var j = 0; j < opciones.length; j++) {
                    if (opciones[j].checked == true) {
                        valid = true;
                    }
                }
                if (!valid) {
                    preguntas[i].setAttribute("class", "pregunta invalida");
                    formValid = "INVALID";

                }
                else {
                    preguntas[i].setAttribute("class", "pregunta");
                }
            }
            if (validar == "text") {
                var opciones = preguntas[i].getElementsByTagName("input");
                var valid = false;
                for (var j = 0; j < opciones.length; j++) {
                    if (opciones[j].value.length > 0) {
                        valid = true;
                    }
                }
                if (!valid) {
                    preguntas[i].setAttribute("class", "pregunta invalida");
                    if (formValid == "ALL VALID") {
                        formValid = "TEXTS EMPTY";
                    }
                }
                else {
                    preguntas[i].setAttribute("class", "pregunta");
                }
            }
        }
        if (formValid == "TEXTS EMPTY") {
            return confirm("Algunas preguntas abiertas quedaron sin responder, esta seguro que desea dejar dichas respuestas en blanco?");
        }
        if (formValid == "INVALID") {
            alert("por favor complete la encuesta, las preguntas de opcion multiple deben ser llenadas en su totalidad.");
            return false;
        }
        return true;
    }
    fnSerialize = function () {
        if (!fnValid()) {
            return false;
        }
        var serialized = new Array();
        var form = document.getElementsByTagName("FORM")[0];
        var controls = new Array();
        var inputs = form.getElementsByTagName("input");
        var selects = form.getElementsByTagName("select");
        for (var i = 0; i < inputs.length; i++) {
            input = inputs[i];
            if (input.id != "txtForm" && input.type != "submit" && input.id.substring(0, 2) != "__") {
                if (((input.type == "checkbox" || input.type == "radio") && input.checked) || input.type == "text") {
                    serialized.push(input.id + "^" + (input.type == "text" ? "~" : "") + input.value);
                }
            }
        }
        for (var i = 0; i < selects.length; i++) {
            select = selects[i];
            if (select.id != "txtForm" && select.id.substring(0, 2) != "__") {
                serialized.push(select.id + "^" + select.value);
            }
        }
        document.getElementById("txtForm").value = serialized.join("|");
        return true;
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<a href="Lista.aspx" class="botonAtras">Atras</a><br/><br/>
<div class="encuesta">
Por favor introduzca sus datos:<br/>
<asp:DropDownList ID="__cmbSexo" runat="server">
<asp:ListItem Text="Hombre" Value="H"></asp:ListItem>
<asp:ListItem Text="Mujer" Value="M"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="__cmbEdad" runat="server">
<asp:ListItem Text="18 a 25" Value="18"></asp:ListItem>
<asp:ListItem Text="26 a 35" Value="26"></asp:ListItem>
<asp:ListItem Text="36 a 50" Value="36"></asp:ListItem>
<asp:ListItem Text="51 o mas" Value="51"></asp:ListItem>
</asp:DropDownList>
<asp:DropDownList ID="__cmbEscolaridad" runat="server">
<asp:ListItem Text="Sin estudios" Value="Sin estudios"></asp:ListItem>
<asp:ListItem Text="Primaria" Value="Primaria"></asp:ListItem>
<asp:ListItem Text="Secundaria" Value="Secundaria"></asp:ListItem>
<asp:ListItem Text="Preparatoria o carrera técnico o comercial" Value="Preparatoria o carrera técnico o comercial"></asp:ListItem>
<asp:ListItem Text="Universidad o más" Value="Universidad o más"></asp:ListItem>
</asp:DropDownList>
<div id="DivEncuesta" runat="server"></div>
<asp:HiddenField ID="txtForm" runat="server" ClientIDMode="Static"/>
<asp:HiddenField ID="txtidEncuestas" runat="server" ClientIDMode="Static"/>
</div>
</asp:Content>
